<template>
  <div class="page flex-col">
    <div class="section1 flex-col">
      <div class="outer1 flex-col">
        <div class="bd1 flex-col">
          <span class="word1">本人填写投保信息</span>
          <div class="box1 flex-col">
            <img
              class="label1"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsFill/zk.png"
            />
            <span class="infoBox1">
              本功能为投保人通过手机银行、网银投保进行的前置核保服务，仅适用于以下情况：
              <br />
              1.投保产品为保单利益确定的保险产品。
            </span>
          </div>
        </div>
      </div>
      <div class="outer2 flex-col">
        <div class="box2 flex-col">
          <div class="box3 flex-col"><span class="txt1">险种信息</span></div>
          <div class="box4 flex-col">
            <div class="layer1 flex-row">
              <span class="info1">国华传家福终身寿险</span>
              <img
                class="label2"
                referrerpolicy="no-referrer"
                src="../../assets/imgs/dds/ddsFill/jt.png"
              />
            </div>
            <span class="info2">险种名称</span>
          </div>
          <div class="box5 flex-col">
            <div class="layer2 flex-col">
              <div class="section2 flex-row">
                <div class="section3 flex-col">
                  <img
                    class="icon5"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsTrial/jg.png"
                  />
                  <span class="word2">终身</span>
                </div>
                <span class="info3">&nbsp;</span>
              </div>
              <div class="section4 flex-col"></div>
            </div>
            <span class="txt2">保险期间</span>
          </div>
          <div class="box6 flex-col">
            <div class="main1 flex-col">
              <div class="layer3 flex-row">
                <div class="group1 flex-col">
                  <img
                    class="icon5"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsTrial/jg.png"
                  />
                  <span class="info4">趸交</span>
                </div>
                <div class="group2 flex-col">
                  <span class="info5">年交</span>
                </div>
              </div>
              <div class="layer4 flex-col"></div>
            </div>
            <span class="word3">交费方式</span>
          </div>
          <div class="box7 flex-col">
            <div class="layer5 flex-row">
              <div class="section5 flex-col">
                <div class="bd2 flex-row">
                  <img
                    class="icon1"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsFill/jh.png"
                  />
                  <span class="txt3">14</span>
                  <img
                    class="label3"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsFill/jh2.png"
                  />
                </div>
                <span class="info6"></span>
              </div>
              <span class="word4">万元</span>
            </div>
            <span class="info7">保险费</span>
          </div>
        </div>
      </div>
      <div class="outer3 flex-col">
        <div class="mod1 flex-col">
          <div class="layer6 flex-col"><span class="word5">被保人</span></div>
          <div class="layer7 flex-col">
            <div class="group3 flex-col">
              <div class="block1 flex-row">
                <span class="txt4">子女</span>
                <img
                  class="label4"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsFill/jt.png"
                />
              </div>
              <div class="block2 flex-col"></div>
            </div>
            <span class="info8">与投保人关系</span>
          </div>
          <div class="layer8 flex-col">
            <div class="box8 flex-col">
              <div class="layer9 flex-row">
                <span class="word6">户口本</span>
                <img
                  class="icon2"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsFill/jt.png"
                />
              </div>
              <div class="layer10 flex-col"></div>
            </div>
            <span class="info9">证件类型</span>
          </div>
          <div class="layer11 flex-col">
            <img
              class="pic1"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsFill/header.png"
            />
          </div>
          <div class="layer12 flex-col">
            <div class="outer4 flex-col">
              <div class="section6 flex-row">
                <span class="txt5">王怡然</span>
                <img
                  class="icon3"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsFill/jt.png"
                />
              </div>
              <div class="section7 flex-col"></div>
            </div>
            <span class="word7">姓名</span>
          </div>
          <div class="layer13 flex-col">
            <div class="box9 flex-row">
              <span class="txt6">男</span>
              <img
                class="label5"
                referrerpolicy="no-referrer"
                src="../../assets/imgs/dds/ddsFill/jt.png"
              />
            </div>
            <span class="info10">性别</span>
          </div>
          <div class="layer14 flex-col">
            <div class="bd3 flex-row">
              <span class="word8">371928&nbsp;19950812&nbsp;8801</span>
              <img
                class="label6"
                referrerpolicy="no-referrer"
                src="../../assets/imgs/dds/ddsFill/jt.png"
              />
            </div>
            <span class="txt7">证件号码</span>
          </div>
          <div class="layer15 flex-col">
            <div class="box10 flex-row">
              <span class="txt8">1995.08.12</span>
              <img
                class="label7"
                referrerpolicy="no-referrer"
                src="../../assets/imgs/dds/ddsFill/jt.png"
              />
            </div>
            <span class="word9">出生日期</span>
          </div>
          <div class="layer16 flex-col">
            <div class="layer17 flex-row">
              <span class="word10">2019.01.23</span>
              <span class="word11">至</span>
              <span class="info11">2022.01.19</span>
              <img
                class="label8"
                referrerpolicy="no-referrer"
                src="../../assets/imgs/dds/ddsFill/jt.png"
              />
            </div>
            <span class="txt9">证件有效期</span>
          </div>
          <div class="layer18 flex-col">
            <div
              class="section8-0 flex-col"
              v-for="(item, index) in loopData0"
              :key="index"
            >
              <div class="wrap1-0 flex-col">
                <span class="word12-0" v-html="item.lanhutext0"></span>
                <div class="box11-0 flex-col"></div>
              </div>
              <span class="txt10-0" v-html="item.lanhutext1"></span>
            </div>
          </div>
          <div class="layer19 flex-col">
            <div class="bd4 flex-col">
              <div class="layer20 flex-row">
                <span class="word13">会计</span>
                <img
                  class="label9"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsFill/jt.png"
                />
              </div>
              <div class="layer21 flex-col"></div>
            </div>
            <span class="info12">职业</span>
          </div>
          <div class="layer22 flex-col">
            <div class="section9 flex-row">
              <span class="info13">仅为中国税收居民</span>
              <img
                class="icon4"
                referrerpolicy="no-referrer"
                src="../../assets/imgs/dds/ddsFill/jt.png"
              />
            </div>
            <span class="info14">税收类型</span>
          </div>
          <div class="layer23 flex-row">
            <span class="word14">收起</span>
            <img
              class="icon5"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsFill/sq.png"
            />
          </div>
        </div>
        <div class="mod2 flex-col"></div>
        <span class="word15">删除</span>
      </div>
      <div class="outer5 flex-col">
        <div class="mod3 flex-col">
          <div class="section10 flex-col">
            <span class="word16">补充材料</span>
          </div>
          <div class="section11 flex-col">
            <img
              class="img1"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsFill/dk.png"
            />
            <span class="txt11">补充材料</span>
          </div>
          <div class="section12 flex-row">
            <div class="section13 flex-col">
              <img
                class="pic2"
                referrerpolicy="no-referrer"
                src="../../assets/imgs/dds/ddsFill/header.png"
              />
            </div>
            <img
              class="pic3"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsFill/tjtp.png"
            />
          </div>
        </div>
        <div class="mod4 flex-col"></div>
        <span class="word17">删除</span>
      </div>
      <div class="outer6 flex-col">
        <div class="main2 flex-col">
          <div class="bd5 flex-col"><span class="word18">签名</span></div>
          <div class="bd6 flex-row">
            <img
              class="img2"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsFill/zs.png"
            />
            <img
              class="img3"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsFill/zs.png"
            />
          </div>
          <div class="bd7 flex-row">
            <span class="word19">
              签名日期：&nbsp;&nbsp;&nbsp;&nbsp;2021年9月1日
            </span>
            <span class="word20">签名日期：2021年10月2日</span>
          </div>
        </div>
        <span class="txt12">投保人签名：</span>
        <span class="txt13">被保险人签名：</span>
      </div>
      <div class="outer7 flex-col">
        <div class="bd8 flex-row">
          <img
            class="label10"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/dds/ddsFill/gx.png"
          />
          <span class="word21">
            上述信息确认无误，本次前置核保申请为本人操作。
          </span>
        </div>
      </div>
      <div class="outer8 flex-col">
        <button class="group4 flex-col" @click="onClick_1">
          <span class="word22">提交</span>
        </button>
      </div>
    </div>
    <div class="section14 flex-col">
      <div class="box12 flex-col">
        <div class="group5 flex-col"><span class="word23">银行信息</span></div>
        <div class="group6 flex-col">
          <span class="txt14">工商银行</span>
          <span class="word24">银行名称</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        { lanhutext0: '169&nbsp;0882&nbsp;9045', lanhutext1: '手机号码' },
        { lanhutext0: '159cm', lanhutext1: '身高' },
        { lanhutext0: '45kg', lanhutext1: '体重' }
      ],
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    }
  }
};
</script>
<style lang="less" scoped>
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 3924px;
  background-color: rgba(247, 246, 248, 1);
  overflow: hidden;
  .section1 {
    z-index: auto;
    width: 750px;
    height: 3924px;
    .outer1 {
      z-index: 5;
      height: 560px;
      background: url('../../assets/imgs/dds/ddsFill/bg.png')
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 750px;
      justify-content: flex-start;
      padding-top: 61px;
      align-items: center;
      .bd1 {
        z-index: auto;
        width: 670px;
        height: 272px;
        .word1 {
          z-index: 16;
          // width: 368px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 46px;
          font-family: PingFangSC-Semibold;
          font-weight: 700;
          line-height: 65px;
          text-align: left;
          align-self: flex-start;
        }
        .box1 {
          z-index: 7;
          height: 166px;
          background: url('../../assets/imgs/dds/ddsFill/bg2.png')
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          margin-top: 41px;
          width: 670px;
          justify-content: flex-end;
          align-items: flex-end;
          position: relative;
          padding: 0 20px 10px 0;
          .label1 {
            z-index: 10;
            width: 44px;
            height: 44px;
          }
          .infoBox1 {
            z-index: 9;
            position: absolute;
            left: 20px;
            top: 20px;
            width: 630px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 26px;
            line-height: 42px;
            text-align: left;
          }
        }
      }
    }
    .outer2 {
      z-index: 34;
      height: 550px;
      background: #fff;
      border-radius: 20px;
      align-self: center;
      margin-top: 63px;
      width: 670px;
      justify-content: center;
      .box2 {
        z-index: auto;
        width: 670px;
        height: 510px;
        .box3 {
          z-index: 109;
          height: 70px;
          width: 670px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 30px;
          .txt1 {
            z-index: 110;
            // width: 144px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 36px;
            font-family: PingFangSC-Semibold;
            font-weight: 700;
            line-height: 50px;
            text-align: left;
          }
        }
        .box4 {
          z-index: 37;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 30px;
          position: relative;
          .layer1 {
            z-index: auto;
            width: 432px;
            height: 44px;
            justify-content: space-between;
            .info1 {
              z-index: 46;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
              margin-top: 3px;
            }
            .label2 {
              z-index: 39;
              width: 44px;
              height: 44px;
            }
          }
          .info2 {
            z-index: 44;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .box5 {
          z-index: 70;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: flex-end;
          align-items: center;
          position: relative;
          .layer2 {
            z-index: auto;
            width: 610px;
            height: 85px;
            .section2 {
              z-index: auto;
              width: 256px;
              height: 60px;
              margin-left: 178px;
              justify-content: space-between;
              .section3 {
                z-index: 80;
                height: 60px;
                width: 120px;
                justify-content: center;
                border-radius: 10px;
                border: 1px solid rgba(243, 60, 42, 1);
                background-color: rgba(255, 255, 255, 1);
                position: relative;
                .icon5 {
                  z-index: 137;
                  position: absolute;
                  right: 0;
                  top: 0;
                  width: 30px;
                  height: 30px;
                }
                .word2 {
                  z-index: 84;
                  width: 120px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(243, 60, 42, 1);
                  font-size: 30px;
                  line-height: 42px;
                  text-align: center;
                }
              }
              .info3 {
                z-index: 77;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 30px;
                line-height: 42px;
                text-align: center;
                margin-top: 9px;
              }
            }
            .section4 {
              z-index: 73;
              width: 610px;
              height: 1px;
              background-color: rgba(240, 240, 240, 1);
              margin-top: 24px;
            }
          }
          .txt2 {
            z-index: 75;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .box6 {
          z-index: 50;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: flex-end;
          align-items: center;
          position: relative;
          .main1 {
            z-index: auto;
            width: 610px;
            height: 85px;
            .layer3 {
              z-index: auto;
              width: 256px;
              height: 60px;
              margin-left: 178px;
              justify-content: space-between;
              .group1 {
                z-index: 62;
                justify-content: center;
                width: 120px;
                height: 60px;
                border-radius: 10px;
                border: 1px solid rgba(243, 60, 42, 1);
                background-color: rgba(255, 255, 255, 1);
                position: relative;
                .icon5 {
                  z-index: 137;
                  position: absolute;
                  right: 0;
                  top: 0;
                  width: 30px;
                  height: 30px;
                }
                .info4 {
                  z-index: 66;
                  width: 120px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(243, 60, 42, 1);
                  font-size: 30px;
                  line-height: 42px;
                  text-align: center;
                }
              }
              .group2 {
                z-index: 57;
                height: 60px;
                border: 1px solid #BEC2CC;
                border-radius: 6px;
                width: 120px;
                justify-content: center;
                .info5 {
                  z-index: 59;
                  width: 120px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 30px;
                  line-height: 42px;
                  text-align: center;
                }
              }
            }
            .layer4 {
              z-index: 53;
              width: 610px;
              height: 1px;
              background-color: rgba(240, 240, 240, 1);
              margin-top: 24px;
            }
          }
          .word3 {
            z-index: 55;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .box7 {
          z-index: 88;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 120px;
          position: relative;
          .layer5 {
            z-index: auto;
            width: 332px;
            height: 60px;
            justify-content: space-between;
            .section5 {
              z-index: 96;
              height: 60px;
              border-radius: 6px;
              border: 1px solid rgba(190, 194, 204, 1);
              background-color: rgba(255, 255, 255, 1);
              width: 256px;
              justify-content: center;
              align-items: center;
              position: relative;
              .bd2 {
                z-index: auto;
                width: 216px;
                height: 46px;
                justify-content: space-between;
                .icon1 {
                  z-index: 103;
                  width: 44px;
                  height: 44px;
                  margin-top: 1px;
                }
                .txt3 {
                  z-index: 106;
                  width: 128px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 30px;
                  line-height: 46px;
                  text-align: center;
                }
                .label3 {
                  z-index: 98;
                  width: 44px;
                  height: 44px;
                  margin-top: 1px;
                }
              }
              .info6 {
                z-index: 97;
                position: absolute;
                left: 0;
                top: 9px;
                width: 256px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 30px;
                line-height: 42px;
                text-align: center;
              }
            }
            .word4 {
              z-index: 94;
              // width: 60px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
              margin-top: 11px;
            }
          }
          .info7 {
            z-index: 91;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
      }
    }
    .outer3 {
      z-index: 113;
      height: 1729px;
      background: #fff;
      border-radius: 18px;
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: flex-start;
      padding-top: 15px;
      position: relative;
      .mod1 {
        z-index: auto;
        width: 670px;
        height: 1684px;
        .layer6 {
          z-index: 117;
          height: 70px;
          width: 670px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 30px;
          .word5 {
            z-index: 118;
            // width: 108px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 36px;
            font-family: PingFangSC-Semibold;
            font-weight: 700;
            line-height: 50px;
            text-align: left;
          }
        }
        .layer7 {
          z-index: 127;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: flex-end;
          align-items: center;
          position: relative;
          .group3 {
            z-index: auto;
            width: 610px;
            height: 77px;
            .block1 {
              z-index: auto;
              width: 432px;
              height: 44px;
              margin-left: 178px;
              justify-content: space-between;
              .txt4 {
                z-index: 138;
                width: 378px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 30px;
                line-height: 38px;
                text-align: left;
                margin-top: 3px;
              }
              .label4 {
                z-index: 131;
                width: 44px;
                height: 44px;
              }
            }
            .block2 {
              z-index: 130;
              width: 610px;
              height: 1px;
              background-color: rgba(240, 240, 240, 1);
              margin-top: 32px;
            }
          }
          .info8 {
            z-index: 136;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .layer8 {
          z-index: 140;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: flex-end;
          align-items: center;
          position: relative;
          .box8 {
            z-index: auto;
            width: 610px;
            height: 77px;
            .layer9 {
              z-index: auto;
              width: 432px;
              height: 44px;
              margin-left: 178px;
              justify-content: space-between;
              .word6 {
                z-index: 151;
                width: 378px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 30px;
                line-height: 38px;
                text-align: left;
                margin-top: 3px;
              }
              .icon2 {
                z-index: 144;
                width: 44px;
                height: 44px;
              }
            }
            .layer10 {
              z-index: 143;
              width: 610px;
              height: 1px;
              background-color: rgba(240, 240, 240, 1);
              margin-top: 32px;
            }
          }
          .info9 {
            z-index: 149;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .layer11 {
          z-index: 156;
          position: relative;
          width: 180px;
          height: 180px;
          border-radius: 10px;
          overflow: hidden;
          align-self: flex-start;
          margin: 24px 0 0 40px;
          .pic1 {
            z-index: 157;
            position: absolute;
            left: 0;
            top: 0;
            width: 180px;
            height: 180px;
            border-radius: 10px;
          }
        }
        .layer12 {
          z-index: 162;
          height: 110px;
          background: #fff;
          margin-top: 36px;
          width: 670px;
          justify-content: flex-end;
          align-items: center;
          position: relative;
          .outer4 {
            z-index: auto;
            width: 610px;
            height: 77px;
            .section6 {
              z-index: auto;
              width: 432px;
              height: 44px;
              margin-left: 178px;
              justify-content: space-between;
              .txt5 {
                z-index: 173;
                width: 378px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 30px;
                line-height: 38px;
                text-align: left;
                margin-top: 3px;
              }
              .icon3 {
                z-index: 166;
                width: 44px;
                height: 44px;
              }
            }
            .section7 {
              z-index: 165;
              width: 610px;
              height: 1px;
              background-color: rgba(240, 240, 240, 1);
              margin-top: 32px;
            }
          }
          .word7 {
            z-index: 171;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .layer13 {
          z-index: 175;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 30px;
          position: relative;
          .box9 {
            z-index: auto;
            width: 432px;
            height: 44px;
            justify-content: space-between;
            .txt6 {
              z-index: 184;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
              margin-top: 3px;
            }
            .label5 {
              z-index: 177;
              width: 44px;
              height: 44px;
            }
          }
          .info10 {
            z-index: 182;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .layer14 {
          z-index: 186;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 30px;
          position: relative;
          .bd3 {
            z-index: auto;
            width: 432px;
            height: 44px;
            justify-content: space-between;
            .word8 {
              z-index: 195;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
              margin-top: 3px;
            }
            .label6 {
              z-index: 188;
              width: 44px;
              height: 44px;
            }
          }
          .txt7 {
            z-index: 193;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .layer15 {
          z-index: 197;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 30px;
          position: relative;
          .box10 {
            z-index: auto;
            width: 432px;
            height: 44px;
            justify-content: space-between;
            .txt8 {
              z-index: 206;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
              margin-top: 3px;
            }
            .label7 {
              z-index: 199;
              width: 44px;
              height: 44px;
            }
          }
          .word9 {
            z-index: 204;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .layer16 {
          z-index: 209;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 30px;
          position: relative;
          .layer17 {
            z-index: auto;
            // width: 432px;
            height: 44px;
            .word10 {
              z-index: 218;
              // width: 158px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
              margin-top: 3px;
            }
            .word11 {
              z-index: 219;
              // width: 40px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
              margin: 3px 0 0 9px;
            }
            .info11 {
              z-index: 220;
              // width: 148px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
              margin: 3px 0 0 1px;
            }
            .label8 {
              z-index: 211;
              width: 44px;
              height: 44px;
              margin-left: 32px;
            }
          }
          .txt9 {
            z-index: 216;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .layer18 {
          z-index: auto;
          width: 670px;
          height: 329px;
          .section8-0 {
            z-index: 222;
            height: 110px;
            background: #fff;
            width: 670px;
            justify-content: flex-end;
            align-items: center;
            position: relative;
            .wrap1-0 {
              z-index: auto;
              width: 610px;
              height: 74px;
              .word12-0 {
                z-index: 229;
                width: 378px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 30px;
                line-height: 38px;
                text-align: left;
                align-self: flex-end;
                margin-right: 54px;
              }
              .box11-0 {
                z-index: 225;
                width: 610px;
                height: 1px;
                background-color: rgba(240, 240, 240, 1);
                margin-top: 35px;
              }
            }
            .txt10-0 {
              z-index: 227;
              position: absolute;
              left: 30px;
              top: 36px;
              width: 542px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: left;
            }
          }
        }
        .layer19 {
          z-index: 249;
          height: 110px;
          background: #fff;
          margin-top: 1px;
          width: 670px;
          justify-content: flex-end;
          align-items: center;
          position: relative;
          .bd4 {
            z-index: auto;
            width: 610px;
            height: 77px;
            .layer20 {
              z-index: auto;
              width: 432px;
              height: 44px;
              margin-left: 178px;
              justify-content: space-between;
              .word13 {
                z-index: 260;
                width: 378px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 30px;
                line-height: 38px;
                text-align: left;
                margin-top: 3px;
              }
              .label9 {
                z-index: 253;
                width: 44px;
                height: 44px;
              }
            }
            .layer21 {
              z-index: 252;
              width: 610px;
              height: 1px;
              background-color: rgba(240, 240, 240, 1);
              margin-top: 32px;
            }
          }
          .info12 {
            z-index: 258;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .layer22 {
          z-index: 262;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 30px;
          position: relative;
          .section9 {
            z-index: auto;
            width: 432px;
            height: 44px;
            justify-content: space-between;
            .info13 {
              z-index: 271;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
              margin-top: 3px;
            }
            .icon4 {
              z-index: 264;
              width: 44px;
              height: 44px;
            }
          }
          .info14 {
            z-index: 269;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .layer23 {
          z-index: auto;
          // width: 96px;
          height: 44px;
          // justify-content: space-between;
          margin: 10px 0 0 282px;
          .word14 {
            z-index: 125;
            // width: 52px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 26px;
            line-height: 37px;
            text-align: left;
            margin-top: 4px;
          }
          .icon5 {
            z-index: 121;
            width: 44px;
            height: 44px;
          }
        }
      }
      .mod2 {
        z-index: 159;
        position: absolute;
        left: 40px;
        top: 455px;
        width: 180px;
        height: 54px;
        border-radius: 0 0 10px 10px;
        background-color: rgba(22, 38, 65, 0.6);
      }
      .word15 {
        z-index: 160;
        position: absolute;
        left: 40px;
        top: 462px;
        width: 180px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 28px;
        line-height: 40px;
        text-align: center;
      }
    }
    .outer5 {
      z-index: 274;
      height: 440px;
      background: #fff;
      border-radius: 20px;
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: flex-start;
      padding-top: 20px;
      position: relative;
      .mod3 {
        z-index: auto;
        width: 670px;
        height: 370px;
        .section10 {
          z-index: 300;
          height: 70px;
          width: 670px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 30px;
          .word16 {
            z-index: 301;
            // width: 144px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 36px;
            font-family: PingFangSC-Semibold;
            font-weight: 700;
            line-height: 50px;
            text-align: left;
          }
        }
        .section11 {
          z-index: 291;
          height: 110px;
          background: #fff;
          width: 670px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 40px;
          position: relative;
          .img1 {
            z-index: 295;
            width: 100px;
            height: 60px;
          }
          .txt11 {
            z-index: 294;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .section12 {
          z-index: auto;
          width: 380px;
          height: 180px;
          justify-content: space-between;
          margin: 10px 0 0 30px;
          .section13 {
            z-index: 285;
            position: relative;
            width: 180px;
            height: 180px;
            border-radius: 10px;
            overflow: hidden;
            .pic2 {
              z-index: 286;
              position: absolute;
              left: 0;
              top: 0;
              width: 180px;
              height: 180px;
            }
          }
          .pic3 {
            z-index: 276;
            width: 180px;
            height: 180px;
          }
        }
      }
      .mod4 {
        z-index: 288;
        position: absolute;
        left: 30px;
        top: 336px;
        width: 180px;
        height: 54px;
        border-radius: 0 0 10px 10px;
        background-color: rgba(22, 38, 65, 0.6);
      }
      .word17 {
        z-index: 289;
        position: absolute;
        left: 30px;
        top: 343px;
        width: 180px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 28px;
        line-height: 40px;
        text-align: center;
      }
    }
    .outer6 {
      z-index: 304;
      height: 248px;
      background: #fff;
      border-radius: 20px;
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: flex-start;
      padding-top: 20px;
      position: relative;
      .main2 {
        z-index: auto;
        width: 670px;
        height: 188px;
        .bd5 {
          z-index: 308;
          height: 70px;
          width: 670px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 30px;
          .word18 {
            z-index: 309;
            // width: 72px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 36px;
            font-family: PingFangSC-Semibold;
            font-weight: 700;
            line-height: 50px;
            text-align: left;
          }
        }
        .bd6 {
          z-index: auto;
          width: 473px;
          height: 66px;
          justify-content: space-between;
          margin: 19px 0 0 165px;
          .img2 {
            z-index: 312;
            width: 121px;
            height: 66px;
          }
          .img3 {
            z-index: 317;
            width: 121px;
            height: 66px;
          }
        }
        .bd7 {
          z-index: auto;
          width: 616px;
          height: 33px;
          margin-left: 25px;
          justify-content: space-between;
          .word19 {
            z-index: 313;
            // width: 302px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 24px;
            font-family: PingFangSC-Medium;
            line-height: 33px;
            text-align: left;
          }
          .word20 {
            z-index: 314;
            // width: 284px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 24px;
            font-family: PingFangSC-Medium;
            line-height: 33px;
            text-align: left;
          }
        }
      }
      .txt12 {
        z-index: 310;
        position: absolute;
        left: 25px;
        top: 123px;
        // width: 144px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(22, 38, 65, 1);
        font-size: 24px;
        font-family: PingFangSC-Medium;
        line-height: 33px;
        text-align: left;
      }
      .txt13 {
        z-index: 315;
        position: absolute;
        left: 357px;
        top: 123px;
        // width: 168px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(22, 38, 65, 1);
        font-size: 24px;
        font-family: PingFangSC-Medium;
        line-height: 33px;
        text-align: left;
      }
    }
    .outer7 {
      z-index: 320;
      height: 84px;
      background: #fff;
      margin-top: 30px;
      width: 750px;
      justify-content: center;
      align-items: flex-start;
      padding-left: 40px;
      .bd8 {
        z-index: auto;
        width: 606px;
        height: 44px;
        justify-content: space-between;
        .label10 {
          z-index: 322;
          width: 44px;
          height: 44px;
        }
        .word21 {
          z-index: 326;
          // width: 552px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 24px;
          font-family: PingFangSC-Medium;
          line-height: 33px;
          text-align: left;
          margin-top: 6px;
        }
      }
    }
    .outer8 {
      z-index: 329;
      height: 130px;
      background: #fff;
      width: 750px;
      justify-content: center;
      align-items: center;
      .group4 {
        z-index: 333;
        height: 90px;
        border-radius: 10px;
        background-color: rgba(243, 60, 42, 1);
        width: 670px;
        justify-content: center;
        .word22 {
          z-index: 334;
          width: 670px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 32px;
          font-family: PingFangSC-Semibold;
          font-weight: 700;
          line-height: 44px;
          text-align: center;
        }
      }
    }
  }
  .section14 {
    z-index: 19;
    height: 220px;
    background: #fff;
    width: 670px;
    justify-content: center;
    border-radius: 20px;
    position: absolute;
    left: 40px;
    top: 373px;
    .box12 {
      z-index: auto;
      width: 670px;
      height: 180px;
      .group5 {
        z-index: 30;
        height: 70px;
        width: 670px;
        justify-content: center;
        align-items: flex-start;
        padding-left: 30px;
        .word23 {
          z-index: 31;
          // width: 144px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 36px;
          font-family: PingFangSC-Semibold;
          font-weight: 700;
          line-height: 50px;
          text-align: left;
        }
      }
      .group6 {
        z-index: 22;
        height: 110px;
        background:#fff;
        width: 670px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 84px;
        position: relative;
        .txt14 {
          z-index: 27;
          width: 378px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 30px;
          line-height: 38px;
          text-align: left;
        }
        .word24 {
          z-index: 25;
          position: absolute;
          left: 30px;
          top: 36px;
          width: 542px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 38px;
          text-align: left;
        }
      }
    }
  }
}

</style>
